import { PageHeader } from "antd";
import React, { ReactElement } from "react";
import Navigation from "./Navigation";
interface Props {
  children: React.ReactNode;
  title: string;
  subTitle: string;
}

export default function Layout({
  children,
  title,
  subTitle,
}: Props): ReactElement {
  return (
    <div>
      <Navigation></Navigation>
      <PageHeader
        className="jumbotron"
        title={title}
        subTitle={subTitle}
      ></PageHeader>
      <div
        style={{
          width: "85%",
          margin: "0 auto",
        }}
      >
        {children}
      </div>
    </div>
  );
}
